@prefix-breadcrumb: ~'@{nameSpace}-breadcrumb';

.@{prefix-breadcrumb} {
  font-size: var(--design-font-size-base);
  color: var(--design-text-color-5);
  font-weight: 400;
  .flex();
  gap: 10px;

  .@{prefix-breadcrumb}-separator {
    margin-right: 10px;
  }

  .@{prefix-breadcrumb}-breadcrumbItem {
    .cursor-pointer();
  }

  .@{prefix-breadcrumb}-isThis {
    color: var(--design-text-color);
  }
}